; (function () {
    let myChart = echarts.init(document.querySelector('.left1'));
    let option = {
        grid: {
            left: 80,
            bottom: 20,
            top:0
        },
        xAxis: {
            // type: 'value',
            // boundaryGap: [0, 0.01]
            show: false,
        },
        yAxis: {
            type: 'category',
            data: ['字段名称', '字段名称', '字段名称', '字段名称', '字段名称', '字段名称', '字段名称', '字段名称'],
            // 坐标轴轴线：隐藏
            "axisLine": {      
                "show":false
            },
            // 坐标轴刻度：隐藏
            "axisTick":{   
                "show":false
            },
            //坐标轴刻度标签
            axisLabel: {
                color: "#9a9fb4",
                fontSize: "14"
            },
            // max:20
        },
        series: [{
            type: 'bar',
            data: [18, 23, 29, 44, 63,33,87,56],
            showBackground: true,
            // barWigth:40,
            // barGap: '80%',
            // barCategoryGap:'50%',
            //柱状图颜色
            color: '#6abaf2',
            backgroundStyle: { // 柱状图背景色
                color: '#1e2a6a'
            },
            // 图形上的文本标签
            label: {
                show: true,
                position: "outside", // 定位外部
                color: '#65b1e9',
                fontWeight:'bold',
                formatter: "{c}%"
            },
        }]
    };
    myChart.setOption(option);
     window.addEventListener('resize', () => {
        myChart.resize()
    })
})()

